<template>
    <div class="daohang">
        <!-- 导航栏 -->
        <van-icon name="arrow-left" size="30" @click="ToFree" />
        <van-search v-model="value" shape="round" placeholder="请输入搜索关键词" style=" width: 90%;" background="#00ffff" />

    </div>
</template>

<script>
export default {
    data() {
        return {
            value: '',
        };
    },
    methods: {
        ToFree() {
            this.$router.push('/Free');
        },
    }
}
</script>

<style scoped lang="scss">
.daohang {
    display: flex;
    align-items: center;
    background-color: #00ffff;
    padding: 5px;
    height: 44px; // 设置导航栏高度
}

.van-icon {
    font-size: 24px; // 调整 icon 大小
}

.van-search {
    width: 50%; // 调整搜索框宽度
    height: 30px; // 调整搜索框高度
}
</style>
